<template>
    <div>
        <h1>这是home 组件</h1>
        <TypeNav></TypeNav>
        <ListContainer></ListContainer>
        <Recommend></Recommend>
        <Rank></Rank>
        <Like></Like>
        <Floor v-for="floor in floorsList" :key="floor.id" 
        
        :floor="floor"
        :cname="'floor-swiper'+floor.id"
        
        ></Floor>
        <Brand></Brand>
    </div>
</template>

<script>

import ListContainer from "./ListContainer"
import Recommend from "./Recommend"
import Rank from "./Rank"
import Like from "./Like"
import Floor from "./Floor"
import Brand from "./Brand"
import { mapActions, mapState } from 'vuex'
export default {
    name: 'Home',
    components: {

        ListContainer,
        Recommend,
        Rank,
        Like,
        Floor,
        Brand
    },
    mounted() {
        this.getFloorsListData();
        
    },
    computed:{
        ...mapState("home",["floorsList"])
    },
    methods: {
        ...mapActions("home", ["getFloorsListData"])
    },
}
</script>

<style lang="less" scoped>

</style>